<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格管理页面</title>
<link rel="stylesheet" type="text/css" href="../css/jquery-ui-1.10.3.custom.css" />
<link rel="stylesheet" type="text/css" href="../css/common.css" />
<link rel="stylesheet" type="text/css" href="../css/tables.css" />
<script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.10.3.custom.js"></script>
<script type="text/javascript" src="../js/tables.js"></script>
</head>
<body>
<div><a>表格管理</a></div>
<div id="dialog-form" title="创建新表格">
	<p class="validateTips">所有表格信息都必须填写.</p>

	<form>
	<fieldset>
		<label for="name">名称</label>
		<input type="text" autocomplete="off" name="name" id="name" class="text ui-widget-content ui-corner-all" />
		<label for="permissions">权限组</label>
		<input type="radio" autocomplete="off" name="permissions" id="permission1" value="0" class="text ui-widget-content ui-corner-all" />管理员
		<input type="radio" checked="checked" name="permissions" id="permission2" value="1" class="text ui-widget-content ui-corner-all" />普通用户
		<div id = "field">
		<label for="fieldname">字段名称</label>
		<input type="text" autocomplete="off" name="fieldname" id="fieldname" class="text ui-widget-content ui-corner-all"/>
		<label for="fieldtype">字段类型</label>
		<select name="fieldtype" id="fieldtype" class="text ui-widget-content ui-corner-all">
		<option>整数型</option>
		<option>字符串</option>
		<option>布尔型</option>
		</select>
		</div>
	</fieldset>
	
	</form>
</div>


<div id="users-contain" class="ui-widget">
	<h1>已经存在的表格:</h1>
	<table id="tables" class="ui-widget ui-widget-content">
		<thead>
			<tr class="ui-widget-header ">
				<th>编号</th>
				<th>名称</th>
				<th>字段数</th>
				<th>权限组</th>
				<th>操作</th>
				<th>操作</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>1</td>
				<td>原材料采购明细表</td>
				<td>7</td>
				<th>操作员</th>
				<th>删除</th>
				<th>修改</th>
			</tr>
						<tr>
				<td>2</td>
				<td>车间生产明细表</td>
				<td>7</td>
				<th>操作员</th>
				<th>删除</th>
				<th>修改</th>
			</tr>
						<tr>
				<td>3</td>
				<td>工资表</td>
				<td>7</td>
				<th>操作员</th>
				<th>删除</th>
				<th>修改</th>
			</tr>
						<tr>
				<td>4</td>
				<td>运费明细表</td>
				<td>7</td>
				<th>操作员</th>
				<th>删除</th>
				<th>修改</th>
			</tr>
						<tr>
				<td>5</td>
				<td>日销售明细表</td>
				<td>7</td>
				<th>操作员</th>
				<th>删除</th>
				<th>修改</th>
			</tr>
						<tr>
				<td>6</td>
				<td>业务员销售回款表</td>
				<td>7</td>
				<th>操作员</th>
				<th>删除</th>
				<th>修改</th>
			</tr>

		</tbody>
	</table>
</div>
<button id="create-tables">创建新表格</button>

</body>
</html>